/*
 *	须自行填写参数部分：
 *	var selectData = [''];	下拉选择参数设置，数量不限，'全部'在第一位，html中会有回调对应(可根据实际情况改写回调)，文案随意。
 *	流程图默认三列，如需2列，中间列column2不放内容，如：'column2':['']，不支持单列或超过3列。
 *	var tree0，tree1 。。。内容自行增加，无限制，请按格式填写。在var treeArr = ['tree0','tree1']中，需填写以上对应的变量。
 *	例子：一个流程图，var tree0 = {...},var treeArr = ['tree0']
 *	例子：三个流程图，var tree0 = {...},var tree1 = {...},var tree2 = {...},var treeArr = ['tree0','tree1','tree2']
 */

/*///////////////////////////////////////////////////////////////////////////////////////////////////////*/

/*
 *	select内容数据填入
 */
var selectData = ['全部','公募','私募'];
var selectArr = [];
$(selectData).each(function(i){
	selectArr.push('<li data-value='+i+'>'+selectData[i]+'</li>');
})

$('.yui-select').append(
	'<p><i class="iconfont">&#xe623;</i><span>'+selectData[0]+'</span></p>'+
	'<ul class="hide">'+selectArr.join('')+'</ul>'+
	'<input type="hidden" name="" value="">');

/*
 *	内容数据填入,tree0,tree1...类推，对应select需生成的内容
 *	每类生成内容共3列，列中内容无就留空值，以保持左右对齐。
 */
var $treeBox = $('.tree-box');
var tree0 = {
	'head':['日初始化1'],
	'column1':['','','','流程','流程','结束'],
	'column2':['流程','流程','流程','流程','流程','结束'],
	'column3':['流程','流程','流程','流程','流程','结束'],
	'footer':['日终']
}
var tree1 = {
	'head':['日初始化2'],
	'column1':['流程','流程','流程','流程','流程','结束'],
	'column2':[''],
	'column3':['流程','流程','流程','流程','','结束'],
	'footer':['日终']
}

//表数据list，这里需填写上面数组，有几个就填写几个，新增按顺序添加，从0开始
var treeArr = ['tree0','tree1'];

$(treeArr).each(function(i,n){
	$treeBox.append('<div id='+n+'>'+
						'<h3><span>'+selectData[i+1]+'</span></h3>'+
						'<div class="hd"><p><span>'+eval(n).head[0]+'</span></p></div>'+
						'<div class="bd flex">'+
						'<div class="column1 flex"></div>'+
						'<div class="column2 flex"></div>'+
						'<div class="column3 flex"></div>'+
						'</div>'+
						'<div class="ft"><p><span>'+eval(n).footer[0]+'</span></p></div>'+
					'</div>');
	for(num = 1;num < 4;num++){
		$(eval(n+'.column'+num)).each(function(i){
			if(eval(n+'.column'+num) == ''){
				$(document).find('#'+n+' .bd .column'+num+'').addClass('nodata')
			}		
			else if(eval(n+'.column'+num)[i]){
				var list = '<p><span>'+eval(n+'.column'+num)[i]+'</span></p>';
			}else{
				var list = '<p></p>';
			}
			$(document).find('#'+n+' .bd .column'+num+'').append(list);
		})
	}
});

